<!DOCTYPE html>
<html>
  <head>
    <title ng-bind="pageTitle"></title>
    <link rel="shortcut icon" type="image/png" href="/images/favicon.png">

    <script data-main="/js/savet5/main" src="/js/require.js"></script>

    <link rel="stylesheet" media="screen" href="/css/bootstrap.css" />
    
    
    <!-- <script src="/js/less-1.7.0.min.js" type="text/javascript"></script> -->
    <!-- <link rel="stylesheet/less" type="text/css" href="/css/main.less" /> -->
    <link rel="stylesheet" type="text/css" href="/css/main.css">
    
  
  </head>
  <body>
    <header class="navbar navbar-inverse navbar-fixed-top basics-nav" ng-controller="HeaderCtrl"
        ng-cloak>
      <div class="container" ng-switch="!!user" ng-cloak>
        <a href="" ng-click="home()" class="navbar-brand">Savet4</a>
        <a href="" ng-show="!!user" ng-click="saveti()" class="navbar-brand">Saveti</a>
        <div class="navbar-text"> </div>
	    <div ng-controller="LiveCtrl">
	        	<a href="" ng-click="send('1')" class="navbar-brand">Send ws <sub>(click me)</sub>: <span class="alert" ng-class="(websocket.readyState == 1 ? 'alert-info' : 'alert-warning')">{{message ? message : "initial"}}</span></a>
	    </div>
        <div ng-switch-when="true">
          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
              <a href="" class="dropdown-toggle" data-toggle="dropdown">
                <span class="glyphicon glyphicon-user"></span> {{user.firstName}} {{user.lastName}}
                <b class="caret"></b>
              </a>
              <ul class="dropdown-menu">
                <li><a href="#/settings"><span class="glyphicon glyphicon-cog"></span>Podešavanja</a></li>
                <li>
                  <a href="" ng-click="logout()">
                    <span class="glyphicon glyphicon-off"></span> Izloguj se
                  </a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
        <div ng-switch-when="false">
          <ul class="nav navbar-nav pull-right">
            <li><a href="" ng-click="login()">Uloguj se</a></li>
          </ul>
        </div>
      </div>
    </header>
    <div class="container" ng-cloak>
      <div ng-view></div>
    </div>
    <footer ng-controller="FooterCtrl">
    </footer>
  </body>
</html>
